<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="mathive/gwt/standard/standard.css">
    <link type="text/css" rel="stylesheet" href="layout.css">
    <link type="text/css" rel="stylesheet" href="Mathive.css">
    <link type="text/css" rel="stylesheet" href="menu.css">
    <link type="text/css" rel="stylesheet" href="minemap.css">
    <link type="text/css" rel="stylesheet" href="sudoku.css">
    <script type="text/javascript" language="javascript" src="mathive/mathive.nocache.js"></script>
    
    <title>Mathive Playground</title>
  </head>

  <body id="body-id">
    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
	
	<div id="distance"></div>
	<div id="container">
		
		<div id="leftcontainer">
			<div id="main">
				<div id="maincontent">
					
				</div>
				
				<div id="mainbackgroundleft" class="background">
					<img src="skyleft.jpg" width="100%" height="100%" alt="">
				</div>
				
				<div id="mainbackgroundmiddle" class="background">
					<img src="middle.png" width="100%" height="100%" alt="">
				</div>
				
				<div id="mainbackgroundright" class="background">
					<img src="skyright.jpg" width="100%" height="100%" alt="">
				</div>
			</div>
			
			<div id="grass">
				<img src="grass.png" width="100%" height="100%" alt="">
			</div>
			
			<div id="menucontent">
				<div id="textmenu">
				</div>
				<div id="buttonmenu">
				</div>
			</div>
			
			<div id="menubar">

				<div id="menubackground" class="background">
					
				</div>
				
				<div id="menubackgroundleft" class="background">
					<img src="menuleft.jpg" class="menubackgroundimage" alt="" />
				</div>
				
				<div id="menubackgroundmiddle" class="background">
					<img src="menumiddle.jpg" class="menubackgroundimage" alt="" />
				</div>
				
				<div id="menubackgroundright" class="background">
					<img src="menright.jpg" class="menubackgroundimage" alt="" />
				</div>
				
			</div>
		</div>
		
		<div id="rightcontainer">
			<div id="loginBoxContainer"></div>
			
			<form id="login"><br />
				Username: <input type="text" name="user" id="user" /><br />
				Password: <input type="password" name="password" id="password" /><br />
				<input type="submit" value="Submit" name="Submit" />
			</form>
		</div>
		
	</div>
    
  </body>
</html>
